iT邦幫忙

0

2024 IT鐵人賽 Day13 -切換Class

  • 分享至 

  • xImage
  •  

使用 Toggle 切換Class

可以簡化至同一個按鈕做開關切換

`

  <div class="Textlist">
    <ul class="list">
      <li>事件1</li>
      <li>事件2</li>
      <li>事件3</li>
      <li>事件4</li>
    </ul>
  </div>
</div>

<script>
  const SwitchBtn = document.querySelector(".SwitchBtn");
  console.log(SwitchBtn);
 

  const OpenList = document.querySelector(".list");
  console.log(OpenList);

  const TextList = document.querySelector(".Textlist");
  console.log(TextList);



  SwitchBtn.addEventListener("click", () => {
    OpenList.classList.toggle("show");  // 使用toggle 做切換Class
  });



</script>

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言